<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

    <meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1' >
    <!--以下是兼容IE8高速渲染模式和360的高速模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!-- 搜索引擎 方便爬虫扒-->
    <meta name="author" content="公司名称">
    <meta name="keywords" content="关键词，天猫，超市，购物">
    <meta name="description" content="jerehedu">
    <title>付伟超的求职简历</title>

    <link rel="icon" href=""/>
    <link rel="stylesheet" href="../bootstrap_01/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/commen.css"/>

    <script type="text/javascript" src="../bootstrap_01/js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="../bootstrap_01/js/bootstrap.min.js"></script>
</head>
<body class="container" >
    <div class="row" >
        <div class="col-md-3" id="left-box" style="background:#254665;height: 989px;color: white">
            <img src="../img/IMG_1295.JPG" alt="logo" class="img-responsive img-thumbnail h1" style="width: 140px"/>
            <div class="container-fluid h4" style="margin-top: 3rem">
                <span class="glyphicon glyphicon-user"></span> 25岁
            </div>
            <div class="container-fluid h4">
                <span class="glyphicon glyphicon-map-marker"></span> 山东省潍坊市
            </div>
            <div class="container-fluid h4">
                <span class="glyphicon glyphicon-phone"></span> 15064566937
            </div>
            <div class="container-fluid h4">
                <span class="glyphicon glyphicon-envelope"></span> fwc.david@qq.com
            </div>
            <div class="technical container-fluid">
                <div class="bar-nav">
                    PhotoShop
                    <span class="bar" style="width: 40%"></span>
                </div>
                <div class="bar-nav">
                    Html5 + Css3
                    <span class="bar" style="width: 60%"></span>
                </div>
                <div class="bar-nav">
                    Javascript && JQuery
                    <span class="bar" style="width: 60%"></span>
                </div>
                <div class="bar-nav">
                    PHP
                    <span class="bar" style="width: 30%"></span>
                </div>
                <div class="bar-nav">
                    BootStrap
                    <span class="bar" style="width: 50%"></span>
                </div>
                <div class="bar-nav">
                    NodeJs
                    <span class="bar" style="width: 30%"></span>
                </div>
            </div>
            <div class="container-fluid interest">
                <h4>兴趣爱好</h4>
                <ul class="row" style="width: 90%" id="box">
                    <li >
                        <h3 class="glyphicon glyphicon-headphones"></h3>
                        音乐
                    </li>
                    <li >
                        <h3 class="glyphicon glyphicon-globe"></h3>
                        互联网
                    </li>
                    <li>
                        <h3 class="glyphicon glyphicon-phone"></h3>
                        电子
                    </li>
                    <li>
                        <h3 class="glyphicon glyphicon-book"></h3>
                        阅读
                    </li>
                    <li>
                        <h3 class="glyphicon glyphicon-pencil"></h3>
                        制作网页
                    </li>
                    <li>
                        <h3 class="glyphicon glyphicon-heart-empty"></h3>
                        户外运动
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-9 " id="right-box" style="background: white;">
            <div class="container-fluid">
                <header class="page-header">
                    <h1 class="head-intro">
                        付伟超
                        <br/>
                        <small>求职意向：WEB前端工程师</small>
                    </h1>
                </header>
                <div class="content">
                    <h3>
                        <span class="glyphicon glyphicon-leaf"></span>教育背景
                    </h3>
                    <h5>烟台大学 机械设计制造及其自动化</h5>
                    <p>

                    </p>
                 </div>
                <div class="content">
                    <h3>
                        <span class="glyphicon glyphicon-briefcase"></span>工作经验
                    </h3>
                    <h5>
                        <strong>烟台天铭网络科技有限公司</strong>  (2015.7~2016.11)<br/><br/>
                        技术部 |  WEB前端工程师
                        工作描述：  1、负责公司产品Web前端研发
                        2、与项目经理、设计师、后端工程师紧密工作在一起，负责公司各产品易用性改进、界面技术优化和网站性能优化
                        3、Web前沿技术研究和新技术调研
                    </h5>
                    <br/>
                    <h5>
                        <strong>烟台网亿网络科技有限公司</strong>  (2014.9~2015.4)<br/><br/>
                        技术部 | 前端技术工程师（实习）
                        工作描述：  1、负责公司产品Web前端研发
                        2、与项目经理、设计师、后端工程师紧密工作在一起，负责公司各产品易用性改进、界面技术优化和网站性能优化
                    </h5>
                </div>
                <div class="content">
                    <h3>
                        <span class="glyphicon glyphicon-star-empty"></span>奖项荣誉
                    </h3>
                    <h5>
                        2011年11月——2013年6月担任校摄影协会副会长兼宣传部部长。
                        <br/> <br/>
                        2013/05 优秀志愿者 院校级
                        积极参加学校组织的孝老敬亲、文明开车等志愿者活动
                        <br/> <br/>
                        2012/11 “烟台大学迎十八大师生笑脸墙”活动三等奖 院校级
                        通过相机拍下每一位为学校默默付出着的劳动者们的笑容。
                        <br/> <br/>
                        2013/01 文明风尚达人奖 院校级
                        在校园拍客大赛中荣获此奖。</h5>
                    <p>

                    </p>
                </div>
                <div class="content">
                    <h3>
                        <span class="glyphicon glyphicon-paperclip"></span>临摹作品展示
                    </h3>
                    <div class="box">
                        <ul class="row">
                            <li class="col-md-3">
                                <a target="_blank" href="http://www.fwcfffff.com.oschina.io/haochi-net/html/home.html">
                                    <img src="../img/111.png" alt="img" class="img-thumbnail"/>
                                </a>
                                <p class="text-center">浩驰网络的官网</p>
                            </li>
                            <li class="col-md-3">
                                <a target="_blank" href="http://www.fwcfffff.com.oschina.io/shifeng-offical-web/html/home.html">
                                    <img src="../img/222.png" alt="img" class="img-thumbnail"/>
                                </a>
                                <p class="text-center">时风集团的官网</p>
                            </li>
                            <li class="col-md-3">
                                <a target="_blank" href="http://www.fwcfffff.com.oschina.io/tianmao-jquery/html/commen.html">
                                    <img src="../img/333.png" alt="img" class="img-thumbnail"/>
                                </a>
                                <p class="text-center">天猫超市的官网</p>
                            </li>
                            <li class="col-md-3">
                                <a target="_blank" href="http://www.fwcfffff.com.oschina.io/wangyi-email/html/fullPage.html">
                                    <img src="../img/444.png" alt="img" class="img-thumbnail"/>
                                </a>
                                <p class="text-center">网易邮箱6.0的发布网站</p>
                            </li>

                        </ul>
                        <ul class="row">
                            <li class="col-md-3">
                                <a target="_blank" href="http://www.fwcfffff.com.oschina.io/app_360shoujizhushou/html/index.html">
                                    <img src="../img/555.png" alt="img" class="img-thumbnail"/>
                                </a>
                                <p class="text-center">360手机助手移动端</p>
                            </li>
                            <li class="col-md-3">
                                <a target="_blank" href="http://www.fwcfffff.com.oschina.io/heartestone/html/landing.html">
                                    <img src="../img/666.png" alt="img" class="img-thumbnail"/>
                                </a>
                                <p class="text-center">炉石传说前站+登录+官网</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content">
                    <h3>
                        <span class="glyphicon glyphicon-hand-right"></span>自我评价
                    </h3>
                    <h5 class="">
                          本人乐观开朗，积极好学，有自信，具备设计的创新思维，对待工作认真负责，能够吃苦耐劳，敢于挑战，并能很快融入集体，
                        工作经验丰富。真心希望能成为贵公司中的一份子，今后务必尽自己能力为贵公司奉献力量。
                        在未来的工作中，我将以充沛的精力，刻苦钻研的精神努力工作，虚心向上司及同事们学习，与企业共同发展。
                    </h5>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    $(function(){
        var height=$('#right-box').height();

        $('#left-box').css({"height":height})
    })
</script>
</html>